﻿<phone:PhoneApplicationPage 
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
	xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
	xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"
	x:Class="PhoneAppProject1.Default"
	
	FontSize="{StaticResource PhoneFontSizeNormal}"
	Foreground="{StaticResource PhoneForegroundBrush}"
	SupportedOrientations="Portrait" Orientation="Portrait"
	shell:SystemTray.IsVisible="False" Loaded="PhoneApplicationPage_Loaded" BackKeyPress="PhoneApplicationPage_BackKeyPress">
	<phone:PhoneApplicationPage.Resources>
		<DataTemplate x:Key="myItems">
			<Grid Width="440" Height="163" Margin="0" Background="#00FBFBFB">
				<Grid.RowDefinitions>
					<RowDefinition Height="Auto"/>
					<RowDefinition Height="0.768*"/>
				</Grid.RowDefinitions>
				<Grid.ColumnDefinitions>
					<ColumnDefinition Width="0.292*"/>
					<ColumnDefinition Width="0.708*"/>
				</Grid.ColumnDefinitions>
				<Border BorderBrush="#FF6E6E6E" BorderThickness="4" Height="2" Margin="12,4,20,0" VerticalAlignment="Top" Grid.ColumnSpan="2" Background="#FF606060" Visibility="Collapsed"/>
				<Image Margin="8,16,12,28" Source="{ Binding ImageURL}" Grid.Row="1" d:LayoutOverrides="HorizontalAlignment"/>
				<TextBlock Grid.Column="1" Margin="8,16,45,38" TextWrapping="Wrap" Text="{ Binding Message}" FontSize="18.667" Foreground="#FF333232" Grid.Row="1" FontFamily="Lucida Sans Unicode"/>
				<TextBlock Grid.Column="1" Height="26" Margin="8,10,52,8" TextWrapping="Wrap" Text="{ Binding CreateDate}" VerticalAlignment="Bottom" FontSize="14.667" Foreground="#FF605F5F" Grid.Row="1" FontFamily="Lucida Sans Unicode"/>
				<TextBlock Margin="8,8,0,8" TextWrapping="Wrap" FontSize="21.333" Foreground="#FF1B1B1B" FontWeight="Bold" Text="{Binding Title}" Grid.ColumnSpan="2" FontFamily="Lucida Sans Unicode" />
		</Grid>
		</DataTemplate>
		<Style x:Key="BtnSanook" TargetType="Button">
			<Setter Property="Background" Value="Transparent"/>
			<Setter Property="BorderBrush" Value="{StaticResource PhoneForegroundBrush}"/>
			<Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}"/>
			<Setter Property="BorderThickness" Value="{StaticResource PhoneBorderThickness}"/>
			<Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilySemiBold}"/>
			<Setter Property="FontSize" Value="{StaticResource PhoneFontSizeMediumLarge}"/>
			<Setter Property="Padding" Value="10,3,10,5"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Button">
						<Grid Background="Transparent">
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Normal"/>
									<VisualState x:Name="MouseOver"/>
									<VisualState x:Name="Pressed">
										<Storyboard>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneBackgroundBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="ButtonBackground">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneForegroundBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="ButtonBackground">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneForegroundBrush}"/>
											</ObjectAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="Disabled">
										<Storyboard>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="ButtonBackground">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="ButtonBackground">
												<DiscreteObjectKeyFrame KeyTime="0" Value="Transparent"/>
											</ObjectAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Border x:Name="ButtonBackground" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="0" Margin="{StaticResource PhoneTouchTargetOverhang}">
								
								<ContentControl x:Name="ContentContainer" 
								ContentTemplate="{TemplateBinding ContentTemplate}" 
								Content="{TemplateBinding Content}" 
								Foreground="{TemplateBinding Foreground}" 
								HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" 
								Padding="{TemplateBinding Padding}" 
								VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"/>
								
							</Border>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<Style x:Key="btnSanook" TargetType="Button">
			<Setter Property="Background" Value="Transparent"/>
			<Setter Property="BorderBrush" Value="{StaticResource PhoneForegroundBrush}"/>
			<Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}"/>
			<Setter Property="BorderThickness" Value="{StaticResource PhoneBorderThickness}"/>
			<Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilySemiBold}"/>
			<Setter Property="FontSize" Value="{StaticResource PhoneFontSizeMediumLarge}"/>
			<Setter Property="Padding" Value="10,3,10,5"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Button">
						<Grid Background="Transparent">
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Normal"/>
									<VisualState x:Name="MouseOver"/>
									<VisualState x:Name="Pressed">
										<Storyboard>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneBackgroundBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="ButtonBackground">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneForegroundBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="ButtonBackground">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneForegroundBrush}"/>
											</ObjectAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="Disabled">
										<Storyboard>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="ButtonBackground">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="ButtonBackground">
												<DiscreteObjectKeyFrame KeyTime="0" Value="Transparent"/>
											</ObjectAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Image x:Name="icon" Source="sanook.com-logo - Copy.png" 
								Width="44" Margin="22,17,0,17" HorizontalAlignment="Left" Stretch="Fill" Canvas.ZIndex="3"/>
							<Border x:Name="ButtonBackground" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="0" Margin="{StaticResource PhoneTouchTargetOverhang}">
								<ContentControl x:Name="ContentContainer" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Foreground="{TemplateBinding Foreground}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" Padding="{TemplateBinding Padding}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}">
									<ContentControl.Background>
										<ImageBrush Stretch="Fill"/>
									</ContentControl.Background>
								</ContentControl>
							</Border>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<Style x:Key="btnEditSanook" TargetType="Button">
			<Setter Property="Background" Value="Transparent"/>
			<Setter Property="BorderBrush" Value="{StaticResource PhoneForegroundBrush}"/>
			<Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}"/>
			<Setter Property="BorderThickness" Value="{StaticResource PhoneBorderThickness}"/>
			<Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilySemiBold}"/>
			<Setter Property="FontSize" Value="{StaticResource PhoneFontSizeMediumLarge}"/>
			<Setter Property="Padding" Value="10,3,10,5"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Button">
						<Grid Background="Transparent">
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Normal"/>
									<VisualState x:Name="MouseOver"/>
									<VisualState x:Name="Pressed">
										<Storyboard>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneBackgroundBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="ButtonBackground">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneForegroundBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="ButtonBackground">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneForegroundBrush}"/>
											</ObjectAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="Disabled">
										<Storyboard>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="ButtonBackground">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="ButtonBackground">
												<DiscreteObjectKeyFrame KeyTime="0" Value="Transparent"/>
											</ObjectAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Image x:Name="icon" Source="sanook.com-logo - Copy.png" 
								Width="44" Margin="22,17,0,17" HorizontalAlignment="Left" Stretch="Fill"/>
							<Border x:Name="ButtonBackground" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="0" Margin="{StaticResource PhoneTouchTargetOverhang}">
								<ContentControl x:Name="ContentContainer" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Foreground="{TemplateBinding Foreground}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" Padding="{TemplateBinding Padding}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}">
									<ContentControl.Background>
										<ImageBrush Stretch="Fill"/>
									</ContentControl.Background>
								</ContentControl>
							</Border>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<DataTemplate x:Key="ItemCategories">
			<StackPanel Height="150" Width="420" Margin="0,0,0,5" >
				<TextBlock TextWrapping="Wrap" Foreground="#FF040404" FontSize="32" FontFamily="FreesiaUPC" Text="{Binding Title}" Margin="10,0,0,0"/>
				<TextBlock TextWrapping="Wrap" Foreground="#FF818181" FontSize="20" FontFamily="Angsana New" Text="{Binding Message}" Margin="10,0,0,0"/>
			</StackPanel>
		</DataTemplate>
		<Style x:Key="btnRefresh" TargetType="Button">
			<Setter Property="Background" Value="Transparent"/>
			<Setter Property="BorderBrush" Value="{StaticResource PhoneForegroundBrush}"/>
			<Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}"/>
			<Setter Property="BorderThickness" Value="{StaticResource PhoneBorderThickness}"/>
			<Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilySemiBold}"/>
			<Setter Property="FontSize" Value="{StaticResource PhoneFontSizeMediumLarge}"/>
			<Setter Property="Padding" Value="10,3,10,5"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Button">
						<Grid Background="Transparent">
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Normal"/>
									<VisualState x:Name="MouseOver"/>
									<VisualState x:Name="Pressed"/>
									<VisualState x:Name="Disabled"/>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Image Margin="3" Source="refreshicon.png"/>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<DataTemplate x:Key="ItemSerach">
			<Grid Width="440" Height="220" Margin="0,0,0,15" Background="#00080808">
				<Grid.RowDefinitions>
					<RowDefinition Height="Auto" MinHeight="39"/>
					<RowDefinition Height="Auto" MinHeight="12"/>
					<RowDefinition/>
				</Grid.RowDefinitions>
				<Grid.ColumnDefinitions>
					<ColumnDefinition Width="0.361*"/>
					<ColumnDefinition Width="0.639*"/>
				</Grid.ColumnDefinitions>
				<Border BorderBrush="#FF6E6E6E" BorderThickness="4" Height="2" Margin="12,4,20,0" VerticalAlignment="Top" Grid.ColumnSpan="2" Background="#FF606060" Visibility="Collapsed"/>
				<Image Margin="8,8,0,0" Source="{Binding ImageURL}" Grid.Row="2" d:LayoutOverrides="HorizontalAlignment" Stretch="Fill"/>
				<TextBlock Grid.Column="1" Margin="8,8,29,0" TextWrapping="Wrap" Text="{Binding Message}" FontSize="17.333" Foreground="#FF3B3B3B" Grid.Row="2" FontFamily="Lucida Sans Unicode"/>
				<TextBlock Margin="0,4,33,0" TextWrapping="Wrap" Text="{Binding CreateDateSearch}" FontSize="32" Foreground="#FF7C7C7C" FontFamily="Lucida Sans Unicode" Grid.ColumnSpan="2"/>
				<TextBlock Margin="8,4,24,0" TextWrapping="Wrap" FontSize="24" Foreground="Black" FontWeight="Bold" Text="{Binding Title}" FontFamily="Lucida Sans Unicode" Grid.Row="1" Grid.ColumnSpan="2" />
			</Grid>
		</DataTemplate>
		<Style x:Key="btnBBCSport" TargetType="Button">
			<Setter Property="Background" Value="Transparent"/>
			<Setter Property="BorderBrush" Value="{StaticResource PhoneForegroundBrush}"/>
			<Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}"/>
			<Setter Property="BorderThickness" Value="{StaticResource PhoneBorderThickness}"/>
			<Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilySemiBold}"/>
			<Setter Property="FontSize" Value="{StaticResource PhoneFontSizeMediumLarge}"/>
			<Setter Property="Padding" Value="10,3,10,5"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Button">
						<Grid Background="Transparent">
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Normal">
										<Storyboard>
											<ColorAnimation Duration="0" To="#FFFF7806" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" Storyboard.TargetName="ButtonBackground" d:IsOptimized="True"/>
											<ColorAnimation Duration="0" To="#FFDE4C07" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)" Storyboard.TargetName="ButtonBackground" d:IsOptimized="True"/>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="MouseOver"/>
									<VisualState x:Name="Pressed">
										<Storyboard>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneBackgroundBrush}"/>
											</ObjectAnimationUsingKeyFrames>
											<ColorAnimation Duration="0" To="#FFFD8017" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" Storyboard.TargetName="ButtonBackground" d:IsOptimized="True"/>
											<ColorAnimation Duration="0" To="#FFDE4C07" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)" Storyboard.TargetName="ButtonBackground" d:IsOptimized="True"/>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="Disabled">
										<Storyboard>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
											</ObjectAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
								</VisualStateGroup>
								<VisualStateGroup x:Name="FocusStates">
									<VisualState x:Name="Unfocused"/>
									<VisualState x:Name="Focused">
										<Storyboard>
											<ColorAnimation Duration="0" To="#FFFE8630" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" Storyboard.TargetName="ButtonBackground" d:IsOptimized="True"/>
											<ColorAnimation Duration="0" To="#FFFF6A00" Storyboard.TargetProperty="(Control.Background).(SolidColorBrush.Color)" Storyboard.TargetName="ContentContainer" d:IsOptimized="True"/>
											<ColorAnimation Duration="0" To="#FFDE4A04" Storyboard.TargetProperty="(Control.BorderBrush).(SolidColorBrush.Color)" Storyboard.TargetName="ContentContainer" d:IsOptimized="True"/>
											<ColorAnimation Duration="0" To="#FFDE4C07" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)" Storyboard.TargetName="ButtonBackground" d:IsOptimized="True"/>
										</Storyboard>
									</VisualState>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Border x:Name="ButtonBackground" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="0" Margin="{StaticResource PhoneTouchTargetOverhang}">
								<Border.BorderBrush>
									<SolidColorBrush Color="{StaticResource PhoneForegroundColor}"/>
								</Border.BorderBrush>
								<Border.Background>
									<SolidColorBrush Color="{StaticResource PhoneForegroundColor}"/>
								</Border.Background>
								<ContentControl x:Name="ContentContainer" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Foreground="{TemplateBinding Foreground}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" Padding="{TemplateBinding Padding}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" BorderBrush="#FFDE4C07" Background="#FFFE8630"/>
							</Border>
							<Image HorizontalAlignment="Left" Width="36" Margin="16,14,0,16" Source="BBCNewsicon.png"/>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
	</phone:PhoneApplicationPage.Resources>

	<!--LayoutRoot contains the root grid where all other page content is placed-->
	<Grid x:Name="LayoutRoot" Background="Gray">
		<Grid Margin="0,281,0,0" Canvas.ZIndex="-1">
			<Grid.Background>
				<ImageBrush ImageSource="bgnews.png"/>
			</Grid.Background>
		</Grid>
		<controls:Panorama Foreground="WhiteSmoke" FontWeight="Bold">
			<controls:Panorama.Background>
				<ImageBrush ImageSource="bgNewsSport.png" Stretch="None"/>
			</controls:Panorama.Background>
			<controls:Panorama.Title>
            	<StackPanel Orientation="Horizontal" Margin="-14,71,0,0">
            	 <Image x:Name="icon" Source="logo_RSS.png" 
				 				      Height="58" 
									  Width="68" Margin="0,0,10,0" Stretch="Fill"/>
                <TextBlock Text="News - Sports by BBC News"
				 FontFamily="Segoe WP Bold" FontSize="40"  
				 VerticalAlignment="Center" Foreground="#FF808080"/>
            	</StackPanel>
        	</controls:Panorama.Title>

			<!--Panorama item one-->
	<!--Panorama item one-->

			<controls:PanoramaItem Loaded="PanoramaItem_Loaded" 
			>
				<Grid Margin="0,0,13,27" Width="432" Height="714" VerticalAlignment="Bottom">
					<Grid.RowDefinitions>
						<RowDefinition Height="0.189*"/>
						<RowDefinition Height="0.811*"/>
					</Grid.RowDefinitions>
					<Border BorderBrush="#FF094515" BorderThickness="1" Height="3" Grid.Row="1" VerticalAlignment="Top" Margin="12,1,25,0" Background="#ED00470E"/>
					<ProgressBar x:Name="myProgress" Height="24" Margin="60,275,52,0" VerticalAlignment="Top" Width="320" d:LayoutOverrides="HorizontalAlignment" Grid.Row="1"/>
					<ListBox x:Name="ListItem" ItemTemplate="{StaticResource myItems}" Grid.Row="1" Background="{x:Null}" SelectionChanged="ListItem_SelectionChanged"/>
					<Image Margin="6,27,176,8" Source="titlePanonews.png"/>
					<Button x:Name="btnRefresh" Content="Button" HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,25,8" Height="42" Width="58" Style="{StaticResource btnRefresh}" Click="btnRefresh_Click"/>
				</Grid>
			</controls:PanoramaItem>
			<controls:PanoramaItem Loaded="PanoramaItem_Loaded" 
			>
				<Grid Margin="0,0,13,27" Width="432" Height="714" VerticalAlignment="Bottom">
					<Grid.RowDefinitions>
						<RowDefinition Height="0.189*"/>
						<RowDefinition Height="0.811*"/>
					</Grid.RowDefinitions>
					<Border BorderBrush="#FF094515" BorderThickness="1" Height="3" Grid.Row="1" VerticalAlignment="Top" Margin="12,1,25,0" Background="#ED00470E"/>
					<Image Margin="6,16,58,7" Source="titleCategories.png" Stretch="Fill"/>
					<ListBox x:Name="ListItemCat" Margin="0,10,0,0" Grid.Row="1" ItemTemplate="{StaticResource ItemCategories}" SelectionChanged="ListItemCat_SelectionChanged"/>
				</Grid>
			</controls:PanoramaItem>
			<controls:PanoramaItem Loaded="PanoramaItem_Loaded" 
			>
				<Grid Margin="0,0,13,27" Width="432" Height="714" VerticalAlignment="Bottom">
					<Grid.RowDefinitions>
						<RowDefinition Height="0.189*"/>
						<RowDefinition Height="0.811*"/>
					</Grid.RowDefinitions>
					<Border BorderBrush="#FF094515" BorderThickness="1" Height="3" Grid.Row="1" VerticalAlignment="Top" Margin="12,1,25,0" Background="#ED00470E"/>
					<Image Margin="6,16,102,7" Source="titleSaved.png" Stretch="Fill"/>
					<ListBox x:Name="ListItemSaved" ItemTemplate="{StaticResource myItems}" Grid.Row="1" Background="{x:Null}" SelectionChanged="ListItemSaved_SelectionChanged"/>
				</Grid>
			</controls:PanoramaItem>
			<controls:PanoramaItem Loaded="PanoramaItem_Loaded" 
			>
				<Grid Margin="0,0,13,27" Width="432" Height="714" VerticalAlignment="Bottom">
					<Grid.RowDefinitions>
						<RowDefinition Height="0.189*"/>
						<RowDefinition Height="0.811*"/>
					</Grid.RowDefinitions>
					<Border BorderBrush="#FF094515" BorderThickness="1" Height="3" Grid.Row="1" VerticalAlignment="Top" Margin="12,1,25,0" Background="#ED00470E"/>
					<Image Margin="6,27,176,8" Source="titleSearch.png"/>
					<TextBox x:Name="txtSearch" Margin="12,33,25,0" Grid.Row="1" VerticalAlignment="Top" Height="77" BorderBrush="#BFFF0000" Background="#32FF0000" SelectionForeground="#FF080808" SelectionBackground="#BFFF0000" CaretBrush="Red" Style="{StaticResource txtSerach}" TextChanged="txtSearch_TextChanged"/>
					<Button x:Name="btnSerachDef" Content="Button" HorizontalAlignment="Right" Margin="0,51,68,0" Grid.Row="1" VerticalAlignment="Top" Template="{StaticResource btnSerach}" Width="18" Height="20" Click="btnSerachDef_Click"/>
					<ListBox x:Name="ListSearch" Margin="12,110,8,8" Grid.Row="1" ItemTemplate="{StaticResource ItemSerach}" SelectionChanged="ListSearch_SelectionChanged"/>
					<ProgressBar x:Name="ProgessSearch" Height="24" Margin="60,275,52,0" VerticalAlignment="Top" Width="320" Grid.Row="1" d:LayoutOverrides="HorizontalAlignment" IsIndeterminate="True" Visibility="Collapsed"/>
					<TextBox x:Name="txtResultNo" Margin="27,122,36,265" TextWrapping="Wrap" Text="Sport&#xd;&#xa;        Sorry, there are no results for your search. " Grid.Row="1" FontSize="26.667" FontWeight="Bold" Visibility="Collapsed"/>
				</Grid>
			</controls:PanoramaItem>
			<controls:PanoramaItem Loaded="PanoramaItem_Loaded" 
			>
				<Grid Margin="0,0,13,27" Width="432" Height="714" VerticalAlignment="Bottom">
					<Grid.RowDefinitions>
						<RowDefinition Height="0.189*"/>
						<RowDefinition Height="0.811*"/>
					</Grid.RowDefinitions>
					<Border BorderBrush="#FF094515" BorderThickness="1" Height="3" Grid.Row="1" VerticalAlignment="Top" Margin="12,1,25,0" Background="#ED00470E"/>
					<Image Margin="6,27,176,8" Source="titleAbout.png"/>
					<TextBox Margin="12,8,25,0" TextWrapping="Wrap" Text="© Develop by Thitikorn Trapasertkul, Rangsit University " Grid.Row="1" VerticalAlignment="Top" Foreground="#FF1F1000" Height="112" FontSize="18.667"/>
					<TextBox Margin="12,76,26,0" TextWrapping="Wrap" Text="               This Window Phone 7 Application powered by New Framework. RSS based from BBC Sport News. For more information, please visit" Grid.Row="1" VerticalAlignment="Top" FontSize="16" Foreground="#FF5C5C5C"/>
					<Button Content="Facebook" Margin="35,239,70,271" Grid.Row="1" Foreground="White" BorderBrush="#FF00156A" Background="#FF1C00E4" Style="{StaticResource btnFacebook}" d:LayoutOverrides="Height" Visibility="Collapsed"/>
					<Button x:Name="btnBBCSNews" Content="BBC Sport New" Margin="24,204,81,0" Grid.Row="1" Background="#CEFF6A00" BorderBrush="#FFDE4C07" Foreground="#FFFBFBFB" Style="{StaticResource btnBBCSport}" Click="btnBBCSNews_Click" VerticalAlignment="Top"/>
				</Grid>
			</controls:PanoramaItem>

			<!--Panorama item two-->
		</controls:Panorama>
	</Grid>
</phone:PhoneApplicationPage>